a:-webkit-any-link{
    color: inherit;
}
label input[type="checkbox"]{
	margin-top: 5px;
}
.container{
	margin-bottom: 20px;
}
.error-msg{
	background-color: #B22222;
	padding: 15px 10px;
	color: #FFF;
	height: auto;
}
.pattern-top{
	background: url("../images/bg-pattern-top.png") repeat;
	width: 100%;
}
.hide{
	display: none;
}
.header-top{
    background-color: #000000;
    color: #aaa;
    height: 25px;
    padding-right: 5%;
}
.header-top ul, #nav-main ul, #add-account ul, #account-list ul, #bankInfo ul{
    padding: 0;
    margin: 0;
}
.header-top ul{
    float: right;
}
.header-top ul:hover{
    color: #ccc;
}
.header-top li, #nav-main li, #add-account li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    *float: left;
}
.header-top a{
    text-decoration:none;
}
.header-top a:hover{
    color: #fff;
}
.nav{
    height: 50px;
    background: #000;
    background: -webkit-linear-gradient(top, #595C64, #1B1B1C);
    background: -moz-linear-gradient(top, #595C64, #1B1B1C);
    background: -o-linear-gradient(top, #595C64, #1B1B1C);
    border-top: 1px solid #999;
    border-bottom: 1px solid #666;
    position: relative;
}
#nav-logo{
    width: 100px;
    height: 50px;
    float: left;
}
#nav-main li a{
    color: #CCC;
    display: block;
    text-decoration: none;
    letter-spacing: 0px;
    text-shadow: 0px -1px 0 #000;
    padding: 17px 12px;
    _height: 1%;
    _float: left;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
}
#nav-main li a:hover{
	background:-webkit-linear-gradient(top, #696c72, #333334);
	background:-moz-linear-gradient(top, #696c72, #333334);
	background:-o-linear-gradient(top, #696c72, #333334);
	_background:none transparent no-scroll repeat;
	text-shadow:0px 0 3px #FFF;
	color:#FFF;
}
#scroll-container{
    width: 100%;
    height: 400px;
    overflow: hidden;
}
#scroll-container .scroller{
    width: 500%;
    height: 400px;
}
.scroller .scroll-node{
    width: 20%;
    height: 400px;
    display: inline-block;
}
.footer{
    clear: both;
    background-color: #0F161A;
}
.footer-sitemap{
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.footer-sitemap ul{
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0;
    width: 22%;
    vertical-align: top;
    *float: left;
}
.footer-sitemap ul li:first-child {
    margin-bottom: 20px;
    color: #FCB712;
    font-size: 1em;
    font-weight: bold;
}
.footer-sitemap li:hover{
    color: #fff;
}
.footer li {
    line-height: 16px;
    margin-bottom: 6px;
    color: #ccc;
    list-style: none;
    font-size: 12px;
}
.footer a{
    text-decoration:none;
}
.footer-bottom ul{
    float: right;
    margin:0 5% 0 0;
}
.footer-bottom li{
    display: inline-block;
    margin-left: 20px;
}
.footer-bottom a:hover{
    color:#00a8d9;
}
.feature{
    margin: 10px auto;
}
.feature h3{
    margin: 5px 0;
    font-size:18px;
}
.feature p{
    margin: 0;
    font-size: 12px;
}
.feature img{
    width: 77px;
    height: 77px;
}
.sNode1{
    background: url(../images/bg1.jpg) repeat-x 50% 0;
    cursor: pointer;
}
.sNode1 h1{
    color: #99CCFF;
}
.sNode1 ul{
    color: #F7F7F7;
}
.sNode2{
    cursor: pointer;
    background: url(../images/bg2.jpg) repeat-x 50% 0;
}
.sNode3{
    background: url(../images/bg3.jpg) repeat-x 50% 0;
    cursor: pointer;
}
.top-border{
	border-top: 2px solid #666;
}
ul.top-border-dot{
	border-top: 1px dotted #CCC;
}
.form-reg ul{
	padding: 10px 0;
	margin: 10px 0;
}
.form-reg li{
	list-style: none;
	display: inline-block;
	padding-bottom: 10px;
}
.form-reg label, #add-account label{
	width: 100%;
	display: block;
}
.form-reg span{
	font-size: 12px;
}
.required{
	color: #D9182D;
}
.form-btn{
	text-decoration:none;
	background: #DBDBDB;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DBDBDB');
	background: -webkit-linear-gradient(top, #F5F5F5, #DBDBDB);
	background: -moz-linear-gradient(top, #F5F5F5, #DBDBDB);
	background: -o-linear-gradient(top, #F5F5F5, #DBDBDB);
	border: 1px solid #DBDBDB;
	color: #000;
	padding: 7px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,.4);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.4);
	box-shadow: 0px 2px 3px rgba(0,0,0,.4);
	text-shadow: #FFF 0 1px 0;
	min-width: 120px;
	min-width: 90px	9;
	text-align: center;
	cursor: pointer;
}
.onecol-seprator{
	width: 4.85%;
	display: inline-block;
}
ul.helper, ul.broker-list, ul.broker-info, .other-info ul{
	margin: 0;
	padding: 0;
}
ul.helper li, .broker-info li{
	list-style: none;
}
ul.helper a{
	text-decoration:none;
	font-size: 11px;
	color: #6699CC;
}
ul.helper a:HOVER {
	color: #99CCFF;
}
.broker-list li{
	list-style: none;
	margin-top: 30px;
	cursor: pointer;
}
.broker-list img{
	margin: 0 auto;
	display: block;
}
.bordered {
	border: 1px solid #666;
}
.align-center{
	text-align: center;
}
.other-info li{
	list-style: none;
}
.person-info{
	background-color: #F7F7F7;
	margin-top: 20px;
}
.base-info h2, .balance-info h4, .other-info h4{
	margin: 0;
}
.balance{
	font-size: 2em;
	margin: 5px;
}
.border-ccc{
	border: 1px solid #ccc;
}
.side-bar {
	background-color: #F7F7F7;
	margin-top: 20px;
}
.side-bar ul{
	padding: 0;
	margin: 20px 0;
}
.side-bar li{
	width: 100%;
	list-style: none;
}
.side-bar li:HOVER{
	background-color: #000;
	color: #FFF;
}
.side-bar li a{
	text-decoration: none;
	text-align: center;
	height: 50px;
	line-height: 50px;
	width: 100%;
	display: block;
}
.main-info{
	margin-top: 20px;
}
.table{
	width: 100%;
	max-width: 1140px;
	min-width: 740px;
	margin-bottom: 20px;
}
.table > .title{
	border: 1px solid #ccc;
	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
	background: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
	background: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
	position: relative;
}
.table > .title h3{
	margin: 10px;
	color: #333;
	float: left;
	display: block;
}
.table > .title:after{
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.table-op{
	float: right;
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}
.table-op li{
	float: left;
	
}
.icon-back:BEFORE{
	content: "\f093";
}
.table > table{
	width: 100%;
	border:1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
}
.table th{
	font-weight: 700;
	vertical-align: bottom;
	background-color: #f3f3f3;
}
.table tr{
	border-bottom: 1px solid #ddd;	
}
.table td{
	vertical-align: top;
}
.table th, .table td{
	padding: 8px;
	line-height: 20px;
	text-align: left;
}
.table tbody tr:hover {
  background-color: #f5f5f5;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 20px;
}
.article-title{
	text-align: center;
}
#add-account li{
	padding: 5px;
}
#add-account input, #add-account select{
	width: 100%;
}
#add-account button{
	margin-top: 10px;
}
#account-list li:FIRST-CHILD{
	margin-left: 0;
}
#account-list li{
	width: 20%;
	display: -moz-inline-stack;
	display: inline-block;
	border: 1px solid #CCC;
	padding: 20px;
	margin-left: 20px;
	*zoom:1;
    *display:inline;
    cursor: pointer;
    position: relative;
}
#account-list .op{
	position: absolute;
	width: 100%;
	text-align:right;
	top:0;
	left: 0;
	display: none;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#account-list .op *{
	margin: 5px;
}
#account-list li:HOVER .op{
	display: block;
}
#account-list li h3 {
	margin: 0;
}
.table-foot{
	border: 1px solid #ccc;
	padding: 8px 12px 5px 12px;
}
.table-foot-pagination{
	display: inline-block;
	float: right;
	margin: 0;
}
.table-foot:after{
	content:".";
	height: 0;
	visibility:hidden;
	display:block;
	clear:both;
}
.table-foot-info{
	float: left;
}
.table-foot-pagination ul{
	padding: 0;
	margin: 0;
	display: inline-block;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.table-foot-pagination li{
	display: inline;
	list-style: none;
}
.table-foot-pagination li:FIRST-CHILD a, .table-foot-pagination li:FIRST-CHILD span{
	border-left-width: 1px;
}
.table-foot-pagination li a, .table-foot-pagination li span{
	float: left;
	padding: 8px 11px 7px 11px;
	line-height: 13px;
	text-decoration: none;
	border: 1px solid #dadada;
	border-left-width: 0;
	color: #5f5f5f;
	background: #ffffff;
}
.table-foot-pagination li.pagination-disabled span, .table-foot-pagination li.pagination-disabled span:HOVER{
	color: #bbb;
	background: #f9f9f9;
	cursor: default;
}
.table-foot-pagination li.paginaton-actived span, .table-foot-pagination li.paginaton-actived span:HOVER{
	color: #6633CC;
	background: #f9f9f9;
	cursor: default;
}
.table-foot-pagination li a:HOVER {
	background: #fafafa;
}
.table-op > li > a{
	padding: 12px 15px;
	display: block;
	border-left: 1px solid #ccc;
	text-decoration: none;
}
.table-op > li > a > i{
	font-size: 18px;
}
#bankInfo li, #myInfo li, #password-ul li, #security-qa li{
	list-style: none;
}
#bankInfo li label, #myInfo li label, #password-ul li label, #security-qa li label{
	width: 30%;
	display: inline-block;
	text-align: right;
	padding: 10px;
}
#nav-main i{
	display: none;
   	cursor: pointer;
   	color: white;
   	font-size: 1.8em;
}
@media handheld, only screen and (max-width: 767px){
    .nav{
        width: auto;
        height: auto;
    }
    .table {
    	width: 100%;
    	min-width: 0;
    }
    #nav-logo{
        float: none;
        width: auto;
    }
    #nav-main li:first-child{
    	display: block;
    }
    #nav-main li{
        display: none;
        text-align: center;
        width: 100%;
    }
    #nav-main ul{
    	width: 90%;
    }
    #nav-main ul, #nav-main i{
    	display: inline-block;
    }
    .footer-sitemap ul{
    	width: 100%;
    	text-align: center;
    }
    .form-reg li, .footer-sitemap ul li:first-child, .footer-sitemap ul:hover li{
        display: block;
    }
    .footer-sitemap li{
        display: none;
    }
    #account-list li{
    	display:block;
    	width: 100%;
    }
}
/*
 Font-ICON
*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-home, .icon-home-2, .icon-connection, .icon-cog, .icon-user, .icon-lock, .icon-download, .icon-warning, .icon-attachment, .icon-close, .icon-checkmark, .icon-plus, .icon-minus, .icon-bars, .icon-gift, .icon-undo, .icon-undo-2, .icon-redo, .icon-forward, .icon-reply, .icon-redo-2, .icon-history, .icon-newspaper, .icon-pencil, .icon-quill, .icon-droplet, .icon-paint-format, .icon-image, .icon-images, .icon-spades, .icon-clubs, .icon-diamonds, .icon-file, .icon-stack, .icon-barcode, .icon-qrcode, .icon-cart, .icon-coin, .icon-credit, .icon-calculate, .icon-clock, .icon-clock-2, .icon-alarm, .icon-alarm-2, .icon-stopwatch, .icon-screen, .icon-mobile, .icon-mobile-2, .icon-drawer, .icon-phone, .icon-envelop, .icon-bubbles, .icon-user-2, .icon-user-3, .icon-users, .icon-users-2, .icon-user-4, .icon-key, .icon-cogs, .icon-remove, .icon-list, .icon-menu {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-home:before {
	content: "\e000";
}
.icon-home-2:before {
	content: "\e001";
}
.icon-connection:before {
	content: "\e002";
}
.icon-cog:before {
	content: "\e003";
}
.icon-user:before {
	content: "\e004";
}
.icon-lock:before {
	content: "\e005";
}
.icon-download:before {
	content: "\e006";
}
.icon-warning:before {
	content: "\e007";
}
.icon-attachment:before {
	content: "\e008";
}
.icon-close:before {
	content: "\e009";
}
.icon-checkmark:before {
	content: "\e00a";
}
.icon-plus:before {
	content: "\e00b";
}
.icon-minus:before {
	content: "\e00c";
}
.icon-bars:before {
	content: "\e00e";
}
.icon-gift:before {
	content: "\e00f";
}
.icon-undo:before {
	content: "\e010";
}
.icon-undo-2:before {
	content: "\e011";
}
.icon-redo:before {
	content: "\e012";
}
.icon-forward:before {
	content: "\e013";
}
.icon-reply:before {
	content: "\e014";
}
.icon-redo-2:before {
	content: "\e015";
}
.icon-history:before {
	content: "\e016";
}
.icon-newspaper:before {
	content: "\e00d";
}
.icon-pencil:before {
	content: "\e017";
}
.icon-quill:before {
	content: "\e018";
}
.icon-droplet:before {
	content: "\e019";
}
.icon-paint-format:before {
	content: "\e01a";
}
.icon-image:before {
	content: "\e01b";
}
.icon-images:before {
	content: "\e01c";
}
.icon-spades:before {
	content: "\e01d";
}
.icon-clubs:before {
	content: "\e01e";
}
.icon-diamonds:before {
	content: "\e01f";
}
.icon-file:before {
	content: "\e020";
}
.icon-stack:before {
	content: "\e021";
}
.icon-barcode:before {
	content: "\e022";
}
.icon-qrcode:before {
	content: "\e023";
}
.icon-cart:before {
	content: "\e024";
}
.icon-coin:before {
	content: "\e025";
}
.icon-credit:before {
	content: "\e026";
}
.icon-calculate:before {
	content: "\e027";
}
.icon-clock:before {
	content: "\e028";
}
.icon-clock-2:before {
	content: "\e029";
}
.icon-alarm:before {
	content: "\e02a";
}
.icon-alarm-2:before {
	content: "\e02b";
}
.icon-stopwatch:before {
	content: "\e02c";
}
.icon-screen:before {
	content: "\e02d";
}
.icon-mobile:before {
	content: "\e02e";
}
.icon-mobile-2:before {
	content: "\e02f";
}
.icon-drawer:before {
	content: "\e030";
}
.icon-phone:before {
	content: "\e031";
}
.icon-envelop:before {
	content: "\e032";
}
.icon-bubbles:before {
	content: "\e033";
}
.icon-user-2:before {
	content: "\e034";
}
.icon-user-3:before {
	content: "\e035";
}
.icon-users:before {
	content: "\e036";
}
.icon-users-2:before {
	content: "\e037";
}
.icon-user-4:before {
	content: "\e038";
}
.icon-key:before {
	content: "\e039";
}
.icon-cogs:before {
	content: "\e03a";
}
.icon-remove:before {
	content: "\e03b";
}
.icon-list:before {
	content: "\e03c";
}
.icon-menu:before {
	content: "\e03d";
}
